* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  header {
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
  

  .carousel-inner {
      width: 100%;
      div{
      > img {
          width: 100%;
      }
    }
  }

  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
    }
  // 移动端 < 768px
  @media screen and (max-width: 767px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
            .dropdown {
            }
          }
        }
      }
    }
  }

}

footer {
    .box5 {
        background-color: #3b3b3b;
          .container{
                    .row {
                        .dibu {
                            display: flex;
                            justify-content: space-between;
                            .db_one {
                                margin: 2.1875rem 0;
                                div {
                                    span {
                                        font-size: .875rem;
                                        color: #9798a0;
                                    }
                                }
                                span {
                                    font-size: .6875rem;
                                    color: #9798a0;
                                }
                            }
                            .db_two {
                                margin-top: 2.5rem;
                                display: flex;
                                div{
                                    position: relative;
                                    margin-right: 1.375rem;
                                    &:hover::before {
                                        content: '';
                                        position: absolute;
                                        top: -9.8rem;
                                        left: -2.35rem;
                                        background: url(../img/index/二维码.png) no-repeat
                                        top/cover;
                                        width: 8.9375rem;
                                        height: 9.5rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
}